<template>
    <section>
        <!-- 面包屑导航组件 -->
        <bread-crumb :model-value="navData"></bread-crumb>
        <div class="box">
            <user-echarts></user-echarts>
            <course-echarts></course-echarts>
        </div>
    </section>
</template>
<script lang="ts" setup>
import UserEcharts from '@/components/echarts/UserEcharts.vue';
import CourseEcharts from '@/components/echarts/CourseEcharts.vue';
import BreadCrumb from "@/components/public/BreadCrumb.vue";

// 面包屑数据
const navData = [
    {
        name: "课程列表"
    }
]
</script>
<style lang="scss" scoped>
.box {
    display: flex;

    .component-box {
        flex-grow: 1;
    }
}
</style>